<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>某分类 - 更多</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>

	<%@include file="common/header.jsp" %>
	
	<div id="wrapper">

		<a href="#" id="back-to-top"></a>
		
		<!-- 相关信息 开始 -->
		<div id="info" class="clearfix">
			<div class="i-cat">
				<h1><s:property value="pm.list[0].fathername"/></h1>
				<s:if test="pm.list[0].fathername == 'T恤'">
						<img src="images/tshirt.jpg" alt="tshirt" />
					</s:if>
					<s:elseif test="pm.list[0].fathername == '球服'">
						<img src="images/jersey.jpg" alt="jersey" />
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '衬衫'">
						<img src="images/shirt.jpg" alt="shirt" />
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '正装'">
						<img src="images/suit.jpg" alt="suit" />
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '礼服'">
						<img src="images/dress.jpg" alt="dress" />
					</s:elseif>
			</div>
			<div class="i-tag">
				<h2>款式</h2>
				<div class="i-t-item">
					<s:if test="pm.list[0].fathername == 'T恤'">
						<span>圆领</span><span>翻领</span><span>长袖</span><span>短袖</span>
					</s:if>
					<s:elseif test="pm.list[0].fathername == '球服'">
						<span>篮球服</span><span>足球服</span>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '衬衫'">
						<span>长袖</span><span>短袖</span>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '正装'">
						<span>男装</span><span>女装</span>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '礼服'">
						<span>新郎服</span><span>新娘服</span>
					</s:elseif>
				</div>
			</div>
			<div class="i-ocat">
				<h2>其他分类</h2>
				<div class="i-o-item">
					<s:if test="pm.list[0].fathername == 'T恤'">
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=8">球服</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=8">衬衫</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=8">正装</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=8">礼服</a>	
					</s:if>
					<s:elseif test="pm.list[0].fathername == '球服'">
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=8">T&nbsp;&nbsp;恤</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=8">衬衫</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=8">正装</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=8">礼服</a>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '衬衫'">
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=8">T&nbsp;&nbsp;恤</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=8">球服</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=8">正装</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=8">礼服</a>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '正装'">
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=8">T&nbsp;&nbsp;恤</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=8">球服</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=8">衬衫</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdb1c520005&currentPage=1&pageSize=8">礼服</a>
					</s:elseif>
					<s:elseif test="pm.list[0].fathername == '礼服'">
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fda61b50001&currentPage=1&pageSize=8">T&nbsp;&nbsp;恤</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdaa0840002&currentPage=1&pageSize=8">球服</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdad84e0003&currentPage=1&pageSize=8">衬衫</a>
						<a href="getProductListCategoryShow.action?categoryid=402881e43a3fd17f013a3fdafd470004&currentPage=1&pageSize=8">正装</a>
					</s:elseif>
					
				</div>
			</div>
		</div>
		<!-- 相关信息 结束 -->

		

		<!-- 内容展示 开始 -->
		<div id="display" class="clearfix">

			<s:iterator value="pm.list" id="list" status="sta">
				<s:if test="#sta.count < 8">
					<div class="p-item n-bt">
						<a href="getProductShow.action?productId=<s:property value='#list.id'/>&categoryid=<s:property value='category.id'/>">
						<img class="lazy" src="images/default.png" data-original="<%=basePath%>/upload/product/<s:property value='#list.imguuid'/>" alt="tshirt"/></a>
						<p>
							<span class="p-name"><s:property value="title"/></span>
							<span class="p-price">￥<s:property value="price"/></span></p>
					</div>
				</s:if>
			</s:iterator>

		</div>
		<!-- 内容展示 结束 -->

		<!-- 分页 开始 -->
		<div id="pageNav">
			<a href="getProductListCategoryShow.action?categoryid=<s:property value='categoryid'/>&currentPage=1&pageSize=20">|<</a>
			<a href="getProductListCategoryShow.action?categoryid=<s:property value='categoryid'/>&currentPage=${pm.currentPage-1 }&pageSize=20"><</a>
			<a href="getProductListCategoryShow.action?categoryid=<s:property value='categoryid'/>&currentPage=${pm.currentPage+1 }&pageSize=20">></a>
			<a href="getProductListCategoryShow.action?categoryid=<s:property value='categoryid'/>&currentPage=<s:property value='pm.totalPage'/>&pageSize=20">>|</a>
		</div>
		<!-- 分页 结束 -->

	</div>

	<%@include file="common/footer.jsp" %>
	
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script>
$(function(){
	
	$(window).scroll(function(){
		if ($(window).scrollTop()>100){
			$("#back-to-top").fadeIn(1500); }
		else{
			$("#back-to-top").fadeOut(1500); }
	});

	$("#back-to-top").click(function(){
		$('body,html').animate({scrollTop:0},1000);
		return false;
	});
	
	$(".p-item").hover(function(){
		$(this).find("p").animate({bottom:'0'},50);
	}, function(){
		$(this).find("p").animate({bottom:'-20px'},50);
	});

	$("img.lazy").lazyload({effect : "fadeIn"});
});
</script>
</body>
</html>
